<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML>
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>多张图片上传</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<link rel="stylesheet" type="text/css" href="css/common.css" />
	<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
	<script type="text/javascript">
		$(function(){
			/**预览将要上传的图片***/
			$('#myfile').change(function(event){
				var tmppath = URL.createObjectURL(event.target.files[0]);
			    $("#imgB").fadeIn("fast").attr('src',URL.createObjectURL(event.target.files[0]));
			});
		});	
	</script>
  </head>
  <body>
  <form action="uploadServletMulti"  method="post"  enctype="multipart/form-data">
  	1<input type="text"  name="name1"/>
  	
  	<div>请选择文件:<input type="file"  id="myfile1" name="myfile1"/></div>
  	<div>请选择文件:<input type="file"  id="myfile2" name="myfile2"/></div>
  	<div>请选择文件:<input type="file"  id="myfile3" name="myfile3"/></div>
  	2<input type="text"  name="name2"/>
  	<br>
  	<input type="submit"  value="提交"/>
  </form>
  </body>
</html>
